.suggest {
    height: 100%;
    display: flex;
    flex-direction: column;
    .navbar {
        border-bottom: 1px solid #ccc;
    }

    .list {
        flex: 1;
        padding: 10px 20px;
        background-color: rgb(242, 241, 241);
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;

        .item {
            width: 48%;
            background-color: white;
            margin-bottom: 10px;
            border-radius: 10px;
            .pic {
                width: 100%;
                
                img {
                    border-radius: 10px;
                    width: 100%;
                }
            }

            .text {
                padding: 10px;
            }

            .suggester {
                padding: 0 10px 10px;
                display: flex;
                justify-content: space-between;
                .name {
                    vertical-align: middle;
                    img {
                        width: 20px;
                        border-radius: 50%;
                    }
                }
            }
        }
    }
}